$(function() {
  // 1.获取id,根据id去后台获取相应的信息.
  // 2.把商品渲染到页面.
  var id = location.search.split("=")[1];
  console.log(id);
  $.ajax({
    type: "get",
    url: "/product/queryProductDetail",
    data: {
      id: id
    },
    dataType: "json",
    success: function(res) {
      //成功的回调函数
      console.log(res);
      $(".mui-scroll").html(template("tmp", res));

      // 页面渲染完成后,轮播图和数量需要重新渲染.
      var gallery = mui(".mui-slider");
      gallery.slider({
        interval: 5000 //自动轮播周期，若为0则不自动播放，默认为0；
      });
      mui(".mui-numbox").numbox();
    }
  });

  //尺码选中： 排他
  $(".mui-scroll").on("click", ".lt_size span", function() {
    $(this)
      .addClass("current")
      .siblings()
      .removeClass("current");
  });

  // 点击购物车按钮,获取商品的相关信息(id,size,num),判断尺码不能未空,未空,提示到此结束.
  // 成功:传递给后台,后台添加,添加成功,跳转到购物车页面.
  // 失败:用户为登录.
  $("#addCart").click(function() {
    var num = $(".mui-numbox-input").val();
    var size = $(".lt_size .current").text();
    if (!size) {
      mui.toast("请选中尺码");
      return;
    }
    $.ajax({
      type: "post",
      url: "/cart/addCart",
      data: {
        productId: id,
        num,
        size
      },
      dataType: "json",
      success: function(res) {
        //成功的回调函数
        console.log(res);
        if (res.error) {
          location.href = "./login.html?reUrl=" + location.href;
        }
        if (res.success) {
          mui.confirm(
            "添加到购物车成功",
            "温馨提示",
            ["继续浏览", "去购物车"],
            function(e) {
              if (e.index == 1) {
                location.href = "cart.html";
              }
            }
          );
        }
      }
    });
  });
});
